<!DOCTYPE html>
<html lang="en" dir="ltr">
  	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="Cache-Control" content="no-cache, no-store" />
        <meta http-equiv="Pragma" content="no-cache"/>
        <meta http-equiv="Expires" content="-1"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<title>Federated Identity Service | University of Colorado Boulder</title>
        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed:700" rel="stylesheet">
    	<link rel="stylesheet" type="text/css" href="/idp/css/main.css?modified=20210813">
  	</head>
  	<script type="text/javascript">
	function toggle() {
  		var ele = document.getElementById("toggleText");
  		if(ele.style.display == "block") {
        		ele.style.display = "none";
    		}
  		else {
    		ele.style.display = "block";
  		}
	}
	function toggleDos() {
  		var ele = document.getElementById("toggleDosText");
  		if(ele.style.display == "block") {
        		ele.style.display = "none";
    		}
  		else {
    		ele.style.display = "block";
  		}
	}
  	</script>
  <body>
    <div class="wrapper">
        <div class="container">
<!-- TOP HEADER/BRAND AREA -->
  <header class="fixed">
    <!-- CU LOGO -->
    <div id="logo-wrapper">
    <div id="logo-cu">
    <a href="http://www.colorado.edu">
    <img src="/idp//images/cu-boulder-logo-text-black.svg" alt="University of Colorado Boulder" />
    </a>
    </div>
    </div>
    <!-- SITE TITLE -->
    <div id="header-wrapper">
    <div id="header" class="no-underline">
        <h1>Federated Identity Service </h1>
    </div>
    </div>
  </header>
<!-- TOP END -->
<!--
<!DOCTYPE html>
<table width="100%" style="border:0px; padding:8px; background-color:#f2dede; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; color:#b94a48;">
  <tbody>
    <tr>
      <td>
      <strong>Service Alert</strong>&nbsp;-&nbsp;
      Web sites that use <strong>Federated Identity Service</strong> for login may be intermitently unavailable between 6am and 1pm MST on Sunday, November 20 due to planned Database maintenance. Please plan accordingly. For more information
      regarding this outage, please visit <a href="https://oit.colorado.edu/node/29326" target="blank" style="color:#b94a48; font-weight:normal; text-decoration:underline">OIT Service Alerts</a>.
      </td>
    </tr>
  </tbody>
</table>
-->
        <div class="content">
          <div class="column one">
            <noscript> This form requires JavaScript to be enabled to work properly. Please enable JavaScript to continue. </noscript>



            <form action="/idp/profile/SAML2/Redirect/SSO;jsessionid=774DB3BB7202104AFB8BFDF2F877CBD3?execution=e1s1" method="post">
              <legend>
Log in to <strong>Buff Portal</strong>
              </legend>
                        
              <div class="form-element-wrapper">
                <br>
                <!-- form[0] -->
                <label for="username"> IdentiKey Username </label> <label2> (example: chbu1234) </label2>
                <input required class="form-element form-field" id="username" title="IdentiKey" name="j_username" type="text" value="" autofocus="autofocus" tabindex="1" autocapitalize="off" autocomplete="off">
              </div>

              <div class="form-element-wrapper">
                <br>
                <!-- form[1] -->
                <label for="password"> IdentiKey Password </label>
                <input required class="form-element form-field" id="password" title="Password" name="j_password" type="password" value="" tabindex="2" autocapitalize="off" autocomplete="off">
              </div>

              <!-- form[2] -->
              <input id="_shib_idp_revokeConsent" hidden="true" title="revoke_consent" type="checkbox" name="_shib_idp_revokeConsent" value="true">

              <div>
                <!-- form[3] -->
                <button class="form-element form-button form-button-submitA" type="submit" tabindex="3" name="_eventId_proceed">Log In</button>
                <!-- form[4] -->
                <button class="form-element form-button form-button-submitB" type="submit" tabindex="4" name="_eventId_proceed">Advanced Settings...</button>
              </div>
            </form>
          </div>
<a href="https://oit.colorado.edu/services/identity-access-management/federated-identity/help" target="_blank">Need help logging in?</a></a>
	<div id="ucb-additional-text">
Quit or close all browser windows to exit completely.<br><strong>DO NOT</strong> bookmark this page! Bookmark the service homepage after logging in.	</div>
        </div>
      </div>

<!-- BRAND FOOTER -->
<div id="footer-wrapper">
<div id="footer">
<div id="oit-foot">
<strong>
    <a href="http://www.colorado.edu/oit/">Office of Information Technology</a>
</strong><br/>
Contact the IT Service Center<br /> 
at 303-735-4357 or <a href="mailto:oithelp@colorado.edu">oithelp@colorado.edu</a>
</div>
<div id="cu-foot">
<img src="/idp/images/be-boulder-white.svg" alt="Be Boulder" /><br />
<strong><a href="http://www.colorado.edu/">University of Colorado Boulder</a></strong><br />
			&copy; Regents of the University of Colorado<br />
			<a href="http://www.colorado.edu/about/privacy-statement">Privacy</a> &bull; <a href="http://www.colorado.edu/about/legal-trademarks">Legal &amp; Trademarks</a>
</div>
</div>
</div>
<!-- END BRAND FOOTER -->

    </div>
    <script>
      /*
       * Validate form and submit
       */
      (() => {
        let form = document.getElementsByTagName('form')[0];
        // Check hidden checkbox if user clicked on 'Display Info Share' button
        form[4].addEventListener('click', e => {
          form[2].checked = true;
        });

        form.addEventListener('submit', function(e){
          if( e.target.elements[0].value === '' || e.target.elements[1].value === '' ){
            e.preventDefault();
            return;
          }
          // Strip email domian if user typed in their email
          let username = e.target.elements[0];
          if( username.value.includes('@colorado.edu') ){
            username.value = username.value.replace('@colorado.edu', '');
          }
        });
        /*
         * Custom form error messages
         */
        const uname_inp = document.querySelector('input[id="username"]');
        const passwd_inp = document.querySelector('input[id="password"]');
        // username visual error
        uname_inp.addEventListener('invalid', function (event) {
          if (event.target.validity.valueMissing) {
            event.target.setCustomValidity('Please enter your IdentiKey Username.');
          }
        })
        uname_inp.addEventListener('change', function (event) {
          event.target.setCustomValidity('');
        })
        // password visual error
        passwd_inp.addEventListener('invalid', function (event) {
          if (event.target.validity.valueMissing) {
            event.target.setCustomValidity('Please enter your IdentiKey Password.');
          }
        })
        passwd_inp.addEventListener('change', function (event) {
          event.target.setCustomValidity('');
        })
      })();
    </script>
  </body>
</html>

